/*
* Noto Sans SC (Chinese Simplified) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/noto/NotoSansSC-Thin.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/noto/NotoSansSC-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/noto/NotoSansSC-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/noto/NotoSansSC-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/noto/NotoSansSC-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/noto/NotoSansSC-Black.woff2) format('woff2');
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  background-color: #ffffff;
  padding-left: 50px;
}

body,
button {
  font-family: Roboto,Noto Sans SC,Helvetica,Arial,sans-serif;
}

body.mdui-theme-layout-dark {
  background-color: #1e1e1e;
}

body.body-open-folder,
body.body-open-directory {
  padding-left: 330px;
}

body.body-open-folder.body-open-directory {
  padding-left: 610px;
}

body.mdui-loaded {
  transition: none;
}

.mdui-typo a:before {
  content: none;
}

/**
 * 拖拽文件打开
 */
#drag-notice {
  display: none;
  user-select: none;
}

.drag-ondrag {
  #drag-notice {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    font-size: 32px;
    letter-spacing: 4px;
    color: rgba(255, 255, 255, 0.87);
    background-color: rgba(255, 255, 255, 0.12);

    display: flex;
    align-items: center;
    justify-content: center;
  }

  &.mdui-theme-layout-light {
    #drag-notice {
      color: rgba(0, 0, 0, 0.87);
    }
  }
}

.mdui-theme-layout-light.drag-ondrag {
    #drag-notice {
      background-color: rgba(0, 0, 0, 0.4);
    }
}


@import "../markdownRender/CodeLine.less";
@import "../markdownRender/Flowchart.less";
@import "../markdownRender/SequenceDiagrams.less";
@import "../component/activitybar/index.less";
@import "../component/sidebar/index.less";
@import "../component/sidebar-history/index.less";
@import "../component/sidebar-directory/index.less";
@import "../component/sidebar-folder/index.less";
@import "../component/page/index.less";
@import "../component/page/index.less";
@import "../component/setting/index.less";
@import "../component/start/index.less";
